html,body{

	font-size: 16px;

	font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

	width: 100%;

	min-height: 100%;

	background-color: #f5f5f5;

	color: #303030;
	
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
 /*   -webkit-filter: grayscale(100%);*/

}



a{

	color: inherit;

	text-decoration: none;

}



ul{

	margin: 0;

	padding: 0;

}



.layui-container{

	padding:0;

}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/

	content: "";

	display: block;

	height: 0;

	clear:both;

	visibility: hidden;

}

.clearfix{

	*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/

}



@media screen and (min-width: 1300px){

	.layui-container{

		width: 1280px;

	}

}



/*.container{

	padding: 0 140px;

}*/

@media screen and (max-width: 992px){

	.container{

		padding: 0 40px;

	}

}



.a-click{

	cursor: pointer;

}



/*字号*/

.font-12{font-size: 12px;}

.font-14{font-size: 14px;}

.font-16{font-size: 14px;}

.font-20{font-size: 16px;}

.font-24{font-size: 18px;}

.font-28{font-size: 20px;}

.font-32{font-size: 22px;}

.font-36{font-size: 26px;}

.font-38{font-size: 38px;}

.font-58{font-size: 58px;}

.font-60{font-size: 38px;}



.font-weight{font-weight: bold;}



.font-color-1{color: #303030;}

.font-color-2{color: #aaaaaa;}

.font-color-3{color: #fff;}

.font-color-4{color: #288c3c;}

.font-color-5{color: #c8c8c8;}

.font-color-6{color: #202020;}

.font-color-7{color: #666;}

.font-color-8{color: #999;}

.font-color-9{color: #333;}





/*导航*/

.logo{

	line-height: 80px;

}

.logo>img{

	max-height: 80px;

	max-width: 100%;

}

.logo>i{

	float: right;

	line-height: 40px;

	margin-right: 20px;

}

.nav-box{

	position: relative;

}

.nav-box-show{

	/*padding: 20px 0;*/

}

.nav-box .nav-child-box{

	display: none;

}

.nav-box .nav-child-box .nav-child-1{

	display: none;

}



@media screen and (max-width: 991px){

	.logo{

		line-height: 40px;

		text-align: center;

	}

	.nav-box{

		position: static;

		background-color: #fff;

		height: 40px;

	}

	.logo>img{

		height: 30px !important;

		width: auto;

		position: relative;

		right: -10px;

	}

}

#mouse-nav {

	margin-top: 20px;

	line-height:40px;

}

.hover {

	background: #288c3c;

	color: #ffffff;

	font-size: 16px;

}

.child-nav {

	position: relative;

	padding: 5px 0;

	top: -5px;

	z-index: 999;

	transition: height 2s;

}

.nav-list>li>a {

	line-height: 40px;

	display: block;

}

.nav-list>li>a:hover {

	display: block;

	padding: 0 15px;

	background: #288c3c;

	color: #ffffff;

	font-size: 16px;

	text-align: center;

}

.child-nav li a {

	display: block;

	line-height: 40px;

	padding: 0 15px;

	background: #288c3c;

	color: #ffffff;

	font-size: 14px;

	text-align: center;

}

.child-nav li a:hover {

	background: #f0c64b;

	color: #00712F;

}

.nav-list{

	/*overflow: hidden;*/

	/*height: 82px;*/

}

.nav-list>li{

	float: left;

	text-align: center;

	width: 12.5%;

	line-height: 40px;

	height: 40px;

	padding: 5px 0;

	z-index: 1000;

	/*line-height: 78px;*/

	/*height: 85px;*/

}

.nav-list>li.active{

	color: #fac832;

	position: relative;

}

.nav-list>li.active:after{

	content: ' ';

	display: block;

	width: 30%;

	height: 3px;

	position: absolute;

	bottom: 3px;

	left: 35%;

	background-color: #fac832;

}

.nav-list a:hover{

	color: #fac832;

}

.nav-box .nav-child-box{

	position: absolute;

	width: 100%;

	z-index: 15;

	left: 0;

	top: 100%;

	background-color: #f5f5f5;

	padding-bottom: 20px;

}

.nav-box .nav-child-box a:hover{

	color: #fac832;

}

.nav-box .nav-child-list{

	padding-left: 3%;

}

.nav-box .nav-line{

	height: 1px;

	background-color: #e6e6e6;

}

.nav-child-list .nav-child-1{

	overflow: hidden;

}

.nav-child-list a:hover{

	color: #d2d2d2;

}

.nav-child-list .nav-child-1>li{

	float: left;

	margin-right: 30px;

	padding: 20px 0 0 10px;

}

.nav-child-list .nav-child-1>li:before{

	content: ' ';

	display: inline-block;

	width: 5px;

	height: 5px;

	background-color: #bfbfbf;

	position: relative;

	left: -10px;

	top: -2px;

}

.nav-child-list .nav-child-2{

	border-top: dashed 1px #d2d2d2;

	margin-top: 10px;

	overflow: hidden;

	display:none!important;

}

.nav-child-list .nav-child-2>li{

	overflow: hidden;

	border-bottom: dashed 1px #d2d2d2;

	padding: 10px;

	max-width: 245px;

}

.nav-child-list .nav-child-2>li>a{

	display: block;

	width: 100%;

	overflow: hidden;/*超出部分隐藏*/

    white-space: nowrap;/*不换行*/

    text-overflow:ellipsis;/*超出部分文字以...显示*/

}

.nav-child-list .nav-child-2>li:last-child{

	border-bottom: 0;

}

.nav-child-list .nav-child-2>li>a, .nav-child-list .nav-child-3{

	float: left;

}

.nav-child-list .nav-child-3>li{

	padding-left: 20px;

	padding-bottom: 10px;

}

.nav-child-list .nav-child-3>li:last-child{

	padding-bottom: 0;

}

@media screen and (max-width: 991px){

	.nav-list{

		position: fixed;

		top: 40px;

		left: 0;

		height: calc(100% - 40px);

		width: 100%;

		background-color: #fff;

		z-index: 999;

		display: none;

		overflow-y: auto;

		color: #303030;

	}

	.nav-list>li{

		float: none;

		width: 100%;

		line-height: normal;

		text-align: left;

		padding: 0px 10px;

		box-sizing: border-box;

		height: auto;

	}

	.nav-list>li.active{

		border:0;

		color: inherit;

	}

	.nav-list>li.active:after{

		display: none;

	}

	.nav-list ul[class*="nav-child-"]{

		margin-left: 20px;

		display: none;

	}

	.nav-list li>div{

		border-bottom: solid 1px #303030;

		padding: 12px 20px;

		position: relative;

	}

	.nav-list .has-more{

		position: absolute;

		right: 10px;

		top: 15px;

	}

	.nav-list li.show>ul{

		display: block;

	}

	.nav-list li.active>div:before{

		content: '';

		display: block;

		position: absolute;

		left: 0;

		top: 5px;

		height: 80%;

		width: 5px;

		background-color: #fac832;

	}

}

@media screen and (min-width: 992px) and (max-width: 1119px){

	.logo>img{

		width: 80%

	}

	.nav-list>li{

		padding: 10px 0;

	}

}



/*更多*/

.title{

	position: relative;

	line-height: 30px;

	margin-bottom: 50px;

}

.title>span:nth-child(2){

	position: relative;

	bottom: -3px;

}

.title>.more{

	position: absolute;

	right: 0;

}

.title>.more i, .icon-more{

	display: inline-block;

	-moz-transform:rotateY(180deg);

    -webkit-transform:rotateY(180deg);

    -o-transform:rotateY(180deg);

    transform:rotateY(180deg);

    /*IE*/

    filter:FlipH;

}



/*面包屑*/

.crumb{

	overflow: hidden;

	padding-top: 5%;

}

.crumb>.crumb-list{

	float: right;

}

.crumb-list>.crumb-one{

	float: left;

}

.crumb-list>.crumb-one>.icon-right{

	padding: 0 8px 0 5px;

}

.crumb-list>.crumb-one:last-child>.icon-right{

	display: none;

}

.crumb>.crumb-list a:first-child{

	cursor: default;

}

@media screen and (max-width: 991px){

	.crumb{

		padding-bottom: 20px;

	}

	.crumb>.crumb-list{

		float: none;

		text-align: center;

	}

}





/*分页*/

.page{

	overflow:hidden;

	margin-top: 5%;

	margin-bottom: 5%;

}

.page>.page-list{

	float: right;

}

.page>.page-list>li{

	float: left;

	padding: 5px 10px;

	margin: 0 5px;

}

.page>.page-list>li.thisclass{

	background-color: #288c3c;

	color: #fff;

}





.footer{

	background-color: #222222;

	color: #909090;

	padding-top: 5%;

}

/*底部导航*/

.footer-menu-list{

	overflow: hidden;

}

.footer-menu-list>li{

	width: 12.5%;

	float: left;

}

.footer-menu-list>li i[class*="more-"]{

	display: none;

}

.footer-menu-list .child-menu{

	margin-top: 30px;

}

.footer-menu-list .child-menu>li{

	margin-bottom: 15px;

}

@media screen and (max-width: 991px){

	.footer-menu-list>li{

		width: 100%;

		float: none;

		text-align: center;

		padding-bottom: 10px;

		cursor: pointer;

	}

	.footer-menu-list>li a:hover, .footer-menu-list>li a:active{

		color: inherit;

	}

	.footer-menu-list>li i[class*="more-"]{

		display: inline;

	}

	.footer-menu-list>li i.more-no{

		visibility: hidden;

	}

	.footer-menu-list .child-menu{

		margin-top: 15px;

		display: none;

	}

}



.footer-menu .contact-info{

	text-align: right;

}

.footer-menu .contact-info>.phone{

	margin: 5px 0;

}

.footer-menu .qrcode-info{

	margin-top: 30px;

	margin-bottom: 20px;

	overflow:hidden;

}

.footer-menu .qrcode-info>div{

	float: right;

	position: relative;

}

.footer-menu .qrcode-info img{

	width: 80px;

}

.footer-menu .qrcode-info>.msg{

	position: absolute;

	bottom: 20px;

	right: 80px;

	padding-right: 20px;

}

@media screen and (max-width: 991px){

	.footer-menu .contact-info{

		text-align: center;

		padding: 20px 0;

	}

	.footer-menu .qrcode-info>div{

		float: none;

	}

	.footer-menu .qrcode-info>.msg{

		position: static;

		padding: 0;

	}

}



.footer .line{

	height: 1px;

	background-color: #353535;

}

.footer .show-info{

	padding-top: 40px;

	padding-bottom: 40px;

}

.footer .show-info>.link-list{

	margin-top: 5px;

}

.footer .link-list>span{

	padding: 0 15px;

	border-right: solid 1px #909090;

}

.footer .link-list>span:first-child{

	padding-left: 0;

}

.footer .link-list>span:last-child{

	border: 0;

}



/*除首页的banner*/

.banner-1>img{

	width: 100%;

}



/*左侧导航*/

.left-menu{

	width: 20%;

}

.left-menu .title{

	margin-bottom: 20px;

}

.left-menu .title>.eg{

	margin-top: 10px;

}



.left-menu-list{

	margin-top: 20px;

}

.left-menu-list .square{

	display: inline-block;

	background-color: #bfbfbf;

	margin-right: 20px;

}

.left-menu-list .square.square-big{

	width: 10px;

	height: 10px;

}

.left-menu-list .square.square-small{

	width: 5px;

	height: 5px;

}

.left-menu-list>li{

	padding-bottom: 15px;

}

.left-menu-list>li>div.menu-show-des{

	word-break:break-all;

	padding-left: 30px;

	padding-right: 10px;

}

.left-menu-list li>.icon{

	display: inline-block;

	margin-right: 20px;

	width: 10px;

	height: 10px;

	background: url(../img/icon-active.png) no-repeat;

	background-size: 100% auto;

	background-position: center;

}

/* .left-menu-list ul[class*="left-child-"]{zzz

	padding-left: 20px;

	margin-top: 10px;

	display: none;

} */
.left-menu-list ul[class*="left-child-1"]{
	padding-top: 20px;
	margin-right: 50px;
	/* padding-left: 20px;

	margin-top: 10px; */

	display: none;

}
.left-menu-list ul[class*="left-child-2"]{
	/* border-top: 1px solid #d9d9d9; */
	padding-left: 35px;

	/* margin-top: 10px; */

}

/* .left-menu-list ul.left-child-1>li{

	padding-bottom: 10px;

} */

.left-child-1 > .active{
	background-color:#288c3c !important;
}

.left-child-2{
	margin-top: 0px !important;
	margin-left: -14px;
	background-color: #eaeaea !important;
}

.left-menu-list ul.left-child-1>li{

	line-height: 40px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d9d9d9;
    list-style-type: none;
	padding-left: 14px;
	color: #858585;
}




.left-menu-list li.active>a{

	color: #fac832;

}

.left-menu-list li.active>.square, .left-menu-list li.active>div>.square{

	background-color: #fac832;

}

.left-menu-list li.active>ul{

	display: block;

}



/*列表页banner*/

.list-banner{

	position: relative;

}

.list-banner>img{

	width: 100%;

}

.list-banner>.title-show{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	margin-top: 5%;

}

.list-banner .title{

	color: #288c3c;

	float: left;

}

@media screen and (max-width: 991px){

	.list-banner .title>span:first-child{

		font-size: 28px;

	}

}

.list-banner .line{

	width: 100%;

	height: 1px;

	background-color: #288c3c;

}